<template>
	<div>
		<table>
			<tr style='float:left'>
				<td>
					数据类型:
				</td>
				<td>
					<el-select v-model="SelTypeValue" @change="emit()" size="mini"   placeholder="请选择">
                                                <el-option
                                                v-for="item in DataTypes"
                                                :key="item.TypeValue"
                                                :label="item.TypeName"
                                                :value="item.TypeValue"

																								>
									
																											
                                                </el-option>
                                        </el-select>
				</td>
			</tr>
		</table>
     
	   
	</div>
</template>

<script>
	import Vue from 'vue'
  import DataDefine, {QuestionDataTypes} from './ts/QuestionDataTypes'

	
export default {
    components:{
       
    },
     data() {
       return {DataTypes:[], SelTypeValue:QuestionDataTypes.dtText}
		 },
		 
		  created:function()
	   {
		   this.DataTypes.push(new DataDefine("文本",QuestionDataTypes.dtText));
		   this.DataTypes.push(new DataDefine("数字",QuestionDataTypes.dtNumber));
		   this.DataTypes.push(new DataDefine("手机号码",QuestionDataTypes.dtPhone));
	   },

     props:['Title'],

     methods:{
      emit:function() {
		
				this.$emit("EvGetDataType",this.SelTypeValue);
			}
     }
}

</script>
 
<style>


</style>
